<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%  
response.setHeader("Access-Control-Allow-Origin", "*");  
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="referrer" content="no-referrer" />
<title>百度知道·数据工厂</title>
<link href="${pageContext.request.contextPath }/img/webLogoIcon.png"
	rel="shortcut icon">
<link href="${pageContext.request.contextPath }/css/bootstrap.min.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/font-awesome.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/animate.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/style.css"
	rel="stylesheet">
<!-- FooTable -->
<link href="${pageContext.request.contextPath }/css/footable.core.css"
	rel="stylesheet">
<link
	href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css"
	rel="stylesheet" />
<link href="${pageContext.request.contextPath}/css/mypage.css"
	rel="stylesheet">
</head>
<body>
	<div id="wrapper">
		<nav class="navbar-default navbar-static-side" role="navigation">
		<%request.setAttribute("LEFT", "baidu-know");%> <%@include
			file="../components/left.jsp"%> </nav>
		<div id="page-wrapper" class="gray-bg">
			<div class="row border-bottom" style="margin-bottom: 20px;">
				<jsp:include page="../components/head.jsp" flush="true" />
			</div>
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-9">
					<h2>百度知道</h2>
					<ol class="breadcrumb">
						<li class="nav-main1"><a
							href="${pageContext.request.contextPath}/admin/tosystem_overview">主页</a>
						</li>
						<li class="nav-main2"><a id="navigation1" href="#">社交媒体</a>
						</li>
						<li class="active"><a>百度知道</a></li>
					</ol>
				</div>
			</div>
			<div class="wrapper wrapper-content animated fadeInRight">
				<div class="row">
					<div class="col-lg-12">
					<div class="ibox float-e-margins" id="dataInfoLine"></div>
						<div class="ibox float-e-margins">
							<div class="ibox-content">
							 <div class="input-select" style="margin-bottom: 20px">
	                               		<div class="input-selectbox">
                                            <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle" type="button">
                                            <i class="fa fa-bars"></i>
                                            <span id="inputSelected">全部</span></button>
                                            <ul class="dropdown-menu" id="selectlist">
                                            	<li><a onclick="setselect(this)">全部</a></li>
                                                <li><a onclick="setselect(this)">问题</a></li>
                                                <li><a onclick="setselect(this)">回答</a></li>
                                            </ul>
	                                        <input type="text" class="form-control" style="width:440px;padding-right: 42px;">
	                                        <i id="gosearch" class="fa fa-search cursearch" onclick=""></i>
	                                    </div>
	                                </div>
								<div class="row m-t-sm">
									<div class="col-lg-12">
										<div class="panel blank-panel">
											<div class="panel-body">
												<div class="tab-content">
													<div class="tab-pane active" id="tab-1">
														<div class="feed-activity-list" id="list">
														</div>
														<div class="feed-activity-list" id="logs">
															<div class="box" id="box" style="float: right;"></div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<jsp:include page="../components/footer.jsp" flush="true" />
		</div>
	</div>
	<!-- Mainly scripts -->
	<script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
	<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/jquery.metisMenu.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"></script>
	<!-- Custom and plugin javascript -->
	<script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
	<script src="${pageContext.request.contextPath }/js/pace.min.js"></script>
	<!-- FooTable -->
	<script
		src="${pageContext.request.contextPath }/js/footable.all.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/mypage.js"></script>
	<!-- Page-Level Scripts -->
	<script src="${pageContext.request.contextPath}/js/anychart-base.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/userCustom.js"></script>
	<script>
	
//		折线图
    
        $(document).ready(function() {
        	var data=${nowArray};
            createLine("百度知道",1,data);
            $('.footable').footable();
        });
        
        $(function(){
        	thesisnlist(1);
		});
        
		function thesisnlist(pageNum){
        	$.ajax({
        		url : "${pageContext.request.contextPath}/baiduKnow/baiduknowslist",
        		type : "post",
        		data:{
        			pageNum: pageNum
        		},
        		success : function(res1) {
        			$('#list').html('')
        			let res = JSON.parse(res1);
        			$('#dataCount').html('共'+res.totalData+'条')
        			if (res.totalPage > 500) {
        				res.totalPage = 500;
					}
        			paging(res.totalData, res.totalPage, pageNum)
        			var list = res.list
        			for (var i = 0; i < list.length; i++) {
        				var answer = JSON.parse(list[i].answer_json);
        				var content = list[i].content;
        				if (content && content.length > 200) {
        					content = content.substring(0, 200) + '......'
						}
        				var html2 = '';
        				console.log(answer)
        				if(answer.length == 0){
        					html2 =
        						'    <div class="bd-answer mb-10">'+
    						    '        <div class="bd-answer-con" >暂无回答</div>'+
    						    '    </div>'
        				}else{
        				for (var j = 0; j < answer.length; j++) {
        					var profile = answer[j].author_profile;
        					var answer_text = answer[j].answer;
        					if (!profile) {
        						profile = '${pageContext.request.contextPath}/img/doctor.jpg'
							}
//         					if (answer_text && answer_text.length > 200) {
//         						answer_text = answer_text.substring(0, 200) + '......'
// 							}
// 							if(haspic){
// 								html2 = 
// 							  	'    <div class="img-group mb-10">'+
// 							    '        <div class="img-inline">'+
// 							    '            <div style="background:url(https://ww2.sinaimg.cn/orj360/606580aegy1gcya4ln2htj20be08x75e.jpg)"></div>'+
// 							    '        </div>'+
// 							    '        <div class="img-inline">'+
// 							    '            <div style="background:url(https://ww2.sinaimg.cn/orj360/606580aegy1gcya4ln2htj20be08x75e.jpg)"></div>'+
// 							    '        </div>'+
// 							    '    </div>'+	
// 							}
// 							if(has video){
// 								html2 =
// 							  	'    <div class="video-group mb-10">'+
// 							    '        <div class="video-box">'+
// 							    '        <video height="200px" poster="" controls="controls" src="https://f.video.weibocdn.com/mXBulBXLlx07BNxQyQuY010412002Cu60E010.mp4?label=mp4_ld&template=640x360.25.0&trans_finger=40a32e8439c5409a63ccf853562a60ef&Expires=1584607649&ssig=JmVIf0ntAj&KID=unistore,video"></video>'+
// 							    '        </div>'+
// 							    '    </div>'+	
// 							}

        					html2 +=
     						  	'    <div class="bd-answer mb-10">'+
    						    '        <div class="first-line">'+
    						    '            <div class="head-img"><div style="background: url('+profile+')"></div></div>'+
    						    '            <div class="bd-name">'+answer[j].author_name+'</div>'+
    						    '            <div class="bd-tips">'+
    						    '                <span>等级：1</span>'+
    						    '                <span>粉丝：7</span>'+
    						    '                <span>获赞：'+answer[j].agree_num+'</span>'+
    						    '                <span>回答时间：'+answer[j].answer_time+'</span>'+
    						    '            </div>'+
    						    '        </div>'+
    						    '        <div class="bd-answer-con" title="'+answer[j].answer+'">'+ answer_text+ '</div>'+
    						    '    </div>'
						}
        				}
						var html = 
						    '<div class="baidu-info b-b">'+
						    '    <div class="bd-title"><a href="'+list[i].detailUrl+'">提问：'+list[i].title+' </a></div>'+
						    '    <div class="bd-tips mb-10">'+
						    '    <span>悬赏：'+list[i].reward+'</span>'+
						    '    <span>时间：'+list[i].spider_time+'</span>'+
// 						    '    <span>回答数量：2</span>'+
						    '    </div>'+
						    '    <div class="bd-content mb-10">'+content+'</div>'+
					    	html2+'</div>';
					     $('#list').append(html)
					}
        			if (list.length == 0) {
        				$('#list').html('<div class="feed-element">暂无数据！</div>')
					}
        		},
        		error: function(res) {
        			console.log(res);
        		}
        	});
        }
		
        function paging(totalData,totalPage, pagenum) {
			$('#box').paging({
				initPageNo : pagenum, // 初始页码
				totalPages : totalPage, //总页数
				totalCount : '合计' + totalData + '条数据', // 条目总数
				slideSpeed : 600, // 缓动速度 单位毫秒
				jump : true, //是否支持跳转
				callback : function(page) { // 回调函数 
					}
			});
		}
        
		function JumpToPage(pageNum) {
			thesisnlist(pageNum)
		}
		
		//跑马灯方法 
// 		 function init(){
// 			    //获取标题
// 			    var title=document.title;
// 			    //分割字符串--->字符数组
// 			    var arr=title.split("");
// 			    //删除第一个元素并返回该元素
// 			    var e=arr.shift();
// 			    //把一个对象添加到数组末尾
// 			    arr.push(e);
// 			    //把数组转换成字符串
// 			    var marquee=arr.join("");
// 			    //返回给浏览器
// 			    document.title=marquee;
// 			    //定时一直执行
// 			    window.setTimeout("init()",1000);
// 			}
// 			window.onload=init;
    </script>
	<script
		src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
</body>
</html>
